<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>播放器</title>
  <!-- 导入的videojs是7.0版本以上的，集成VHS协议库，可播放HLS流媒体视频 -->
  <link href="https://cdn.bootcss.com/video.js/7.6.2/video-js.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/video.js/7.6.2/video.min.js"></script>
  <!-- 引入的videojs-flash.js插件主要是为播放rtmp视频流-->
  <script src="https://cdn.bootcss.com/videojs-flash/2.2.0/videojs-flash.min.js"></script>
</head>
<body>

<!--
补注：（可用的直播源地址，于2018年11月21日经测试可用）

HLS直播源地址：
　　　　CCTV1高清：http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
　　　　CCTV3高清：http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8
　　　　CCTV6高清：http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8

RTMP直播源地址：
　　　　香港卫视：rtmp://live.hkstv.hk.lxdns.com/live/hks1
　　　　　　　　　rtmp://live.hkstv.hk.lxdns.com/live/hks2
　　　 湖南卫视：rtmp://58.200.131.2:1935/livetv/hunantv
　　　　美国1：rtmp://ns8.indexforce.com/home/mystream
　　　　美国中文电视：rtmp://media3.sinovision.net:1935/live/livestream
　　　　香港财经：rtmp://202.69.69.180:443/webcast/bshdlive-pc
　　　　韩国GoodTV：rtmp://mobliestream.c3tv.com:554/live/goodtv.sdp
-->
<video id='myvideo' width=960 height=540 class="video-js vjs-default-skin" controls>
  <!-- RTMP直播源地址-->
  <!--<source src="rtmp://58.200.131.2:1935/livetv/hunantv">-->
  <!--<source src="http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8">-->
  <source src="rtmp://localhost/live/hello">
</video>
<script>
var player = videojs('myvideo', {}, function(){console.log('videojs播放器初始化成功')})
player.play();
</script>
</body>
</html>